<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="Keywords" content="">
	<meta name="description" content="">
    <title>弹框特效</title>
    <link rel="shortcut icon" type="image/x-icon" href="skin/images/favicon.ico">
    <!--公共部分-->
    <link href="skin/css/layout.css" type="text/css" rel="stylesheet" />
	<script src="skin/js/jquery-1.11.1.min.js" type="text/javascript"></script>
    <!--私有部分-->
    <link href="skin/css/frame.style.css" type="text/css" rel="stylesheet" />
    <link href="skin/css/default.style.css" type="text/css" rel="stylesheet" />
</head>
<body>

<!--star分页-->
<div class="pages">
    <ul>
        <li><span>&lt;</span></li>
        <li><a href="">1</a></li>
        <li class="curr"><a href="">2</a></li>
        <li><a href="">3</a></li>
        <li><span>&gt;</span></li>
        <li>100 条 2/4 页</li>
    </ul>
</div>
<!--end分页-->

<div style="height:80px; line-height:80px;">
    <span class="b-FFFFFF c-00a848 p-tblr25 m-l20 lineA u2" onClick="ckMain();">选择体检人</span>
</div>

<!--弹出框-->
<div class="u_tipBackground u_bg2"></div>
<div class="u_tipWindow">
    <div class="mt">标题<i class="tip_close">&times;</i></div>
    <div class="mc">
    	内容
        <br><br><br><br><br><br><br>
        内容
    </div>
</div>
<!--弹出框-->

<script>
function ckMain(){
	$(".u_tipBackground,.u_tipWindow").show();
	$(".tip_close").click(function(){
		$(".u_tipBackground,.u_tipWindow").hide();
	});	
}
</script>

</body>
</html>

